<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
</head>
<style type="text/css">
	header{
		position: relative;
		width: 100%;
		height: 50px;
		background-color: #669999;
	}
	header .left{
		font-size: 16px;
		position: absolute;
		top: 13px;
		bottom: 0;
		left: 8px;
		width: 100px;
		height: 50px;
	}
	header .left img{
		width: 24px;
	}
	header .center{
		font-size: 18px;
		position: absolute;
		top: 16px;
		left: 0;
		right: 0;
		color: #fff;
		letter-spacing: 8px;
	}

	footer{
		position: fixed;
		width: 100%;
		height: 50px;
		bottom: 0;
		background-color: #669999;
		margin: 0 auto;
	}
	footer div{
		margin: 0 auto;
		text-align: center;
	}
	footer span{
		line-height: 50px;
		color: #fff;
		margin: 0 10px;
	}
	footer .num1{
		color: #ccc;
	}

	#content{
		margin: 0 auto;
		padding-bottom: 50px;
		width: 90%;
	}
	#content p{
		margin-top: 10px;
		text-decoration: underline;
		text-decoration-color: #669999;
		text-indent: 2em;
	}
</style>
<body>
	<header>
   		<div class="left" id="leftBtn">
			<img src="../image/back.png">
   		</div>
   		<div class="center">学院领导</div>
   		<div class="right"></div>
   	</header>

   	<div id="content">
   		<h4 style="text-align: center;margin-top: 10px;">重庆服务外包学院∕软件工程学院领导及分工</h4>
   		<h5 style="margin-top: 20px;">重庆服务外包学院/软件工程学院 党总支书记 刘中胜  副教授</h5>
   			<p>主持学院党务工作，负责宣传、统战、稳定、师德师风、学生教育、招生就业、共青团、校友会、关工委、离退休工作，分管学生工作办公室、校友会办公室、关工委办公室。</p>
   		<h5 style="margin-top: 20px;">重庆服务外包学院/软件工程学院 副院长（主持行政工作）  罗代忠  教授</h5>
   			<p>主持学院行政工作，负责发展规划、人事、财经、安全、专业建设、课程建设、教学运行、教学督导、教学改革、国有资产、图书资料工作，分管教学办公室、资料室。</p>
   		<h5 style="margin-top: 20px;">重庆服务外包学院/软件工程学院 副院长（正处级） 罗万成  教授</h5>
   			<p>协管学院行政工作，负责学科、科研、校企合作、创新创业、师资队伍培养、工程硕士教育、工会、教代会工作，分管学院办公室、实验室、创新创业办公室、对外合作办公室、软件研究所。</p>
   	</div>

   	<footer>
   		<div>
   			<span class="num">学院简介</span>
	   		<span class="num1">学院领导</span>
	   		<span class="num2">行政机构</span>
	   		<span class="num3">组织机构</span>
   		</div>
   	</footer>
</body>

<script type="text/javascript" src="../script/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
    apiready = function(){
    	var w = $(window).width();
  		var h = $(window).height();
  		$(".center").css("left",(w-72)/2 + "px");
  		$("#head").css("left",(w-80)/2 + "px");
   	};

   	$("#leftBtn").click(function(){
   		api.openWin({
         	name: 'main',
            url: '../html/main.html',
            bounces: true,
  		});
   	});

   	$(".num").click(function(){
   		api.openFrame({
         	name: 'xygk',
            url: '../html/xygk.html',
            bounces: true,
  		});
   	});
   	$(".num1").click(function(){
   		api.openFrame({
         	name: 'xyld',
            url: '../html/xyld.html',
            bounces: true,
  		});
   	});
   	$(".num2").click(function(){
   		api.openFrame({
         	name: 'xzjg',
            url: '../html/xzjg.html',
            bounces: true,
  		});
   	});
   	$(".num3").click(function(){
   		api.openFrame({
         	name: 'zzjg',
            url: '../html/zzjg.html',
            bounces: true,
  		});
   	});
</script>
</html>